<template>
	<div id="page" style="overflow-x: hidden; height: 145vh">
		<topNavigation :link-msg="linkMsg"></topNavigation>
		<div style="display: flex; width: 100vw; justify-content: center">
			<myEditor />
		</div>
	</div>
</template>

<script setup>
import { reactive } from 'vue';
import { useRouter } from 'vue-router';
import myEditor from '../components/myEditor.vue';
import topNavigation from '../components/topNavigation.vue';

const router = useRouter();

const linkMsg = reactive([
	{
		linkName: '文章',
		linkMethod: () => {
			router.push('/article');
		},
	},
	{
		linkName: '发现',
		linkMethod: () => {
			router.push('/discover');
		},
	},
	{
		linkName: '留言板',
		linkMethod: () => {
			router.push('/board');
		},
	},
]);
</script>

<style scoped></style>
